<!--Range without visible text nodes-->
<img id="1" /><img id="2" />

<!--Range composed of only one text node-->
<span id="3">This text node is the whole range</span>

<!--Range with visible text before the last node-->
<span id="4">This text node appears before the end of the range</span>

<!--Range with multiple text nodes-->
<span id="5"
  >This is the first text <span id="6">This is the last text</span></span
>

<!--Range with text node at the end-->
<span id="7">This text is the end of the range</span>
